<template>
    <div class="moveMark" v-if="markSetting.status" :style="{'left' : markSetting.setting.x + 'px', 'top' : markSetting.setting.y + 'px',}">
        <div class="icon" v-if="markSetting.moveType == 'TopMoveMark' || markSetting.moveType == 'BottomMoveMark'">
            <i class="el-icon-back"></i>
        </div>
        <div class="icon-folder" v-if="markSetting.moveType == 'intoFolder'">
            <i class="el-icon-folder-add"></i>
        </div>
        <div class="icon-cannotMove" v-if="markSetting.moveType == null">
            <i class="el-icon-close"></i>
        </div>
        <div class="title">{{markSetting.setting.title}}</div>
    </div>
</template>

<script>
import { mapState } from "vuex";
export default {
    computed: {
        ...mapState("doc_tree", {
            markSetting: state => state.markSetting,
        }),
    },
}
</script>

<style>

</style>